.mui_content{padding: 0.3rem 0.4rem 0;box-sizing: border-box;}
.mui_content .bg_con .gif {width: 100%;position: absolute;top: 0;left: 0;z-index: -1;}
.mui_content .bg_con .bg {position: absolute;bottom: 0;left: 0;top:7rem;right:0;z-index: -1;background: url(../../../images/main_bg.png) center center no-repeat; background-size: cover;}

header{display: flex;justify-content: space-between;align-items: center;}
header .logo{width: 40%;}
header .scan{width: 2rem;}

.title{width: 100%;margin-top: 2.8rem;text-align: center;}
.title img{width: 80%;}

nav{margin-top: 4rem;overflow: hidden;}
nav ul {display: flex;justify-content: center;align-items: center;padding-left: 0;padding: 0 2rem;}
/*nav ul{text-align: center;padding-left: 0;}*/
nav ul li {list-style: none;display: flex;justify-content: center;align-items:center;flex-direction: column;float: left;width: 20%;margin-right: 0.8rem;font-size: 0.42rem;color: #fff;}
nav ul li img{width: 3.6rem;margin-bottom: 0.2rem;}

.footer{width: 100%;position: absolute;bottom: 0;left: 0;z-index: 1;padding: 0;margin: 0;}
.footer .footer_bg {width: 100%;position:absolute;bottom:0;left:0;margin: 0;padding: 0;display: block;z-index: 0;}
.footer .footer_btn {position:relative;z-index: 2;display: flex;justify-content: space-between;align-items: center;padding: 0 2.2rem;}
.footer .footer_btn .left{width: 5.5rem;height:2.2rem;margin-bottom: 0.6rem;background: url(../../../images/main.png) center center no-repeat;background-size: cover;cursor: pointer;}
.footer .footer_btn .left.active{background: url(../../../images/main_check.png) center center;background-size: cover;}
.footer .footer_btn .right{width: 5.5rem;height:2.2rem;margin-bottom: 0.6rem;background: url(../../../images/mine.png) center center no-repeat;background-size: cover;cursor: pointer;}
.footer .footer_btn .right.active{background: url(../../../images/min_check.png) center center;background-size: cover;}
.footer .footer_btn .center{width: 2rem;height:2.4rem;transform: translateY(-1rem);background: url(../../../images/admission_noac.png) center center;background-size: cover;}
.footer .footer_btn .center.active{background: url(../../../images/admission.png) center center;background-size: cover;}

@media only screen and (min-height: 300px) and  (max-height: 620px) {
	.mui_content .bg_con .bg {position: absolute;bottom: 0;left: 0;top:9rem;right:0;z-index: -1;background: url(../../../images/main_bg.png) center center no-repeat; background-size: cover;}
	.footer .footer_btn img.click_btn.center{width: 1.7rem;transform: translateY(-0.5rem);}
	.footer .footer_btn {padding: 0 1.5rem;}
	.footer .footer_btn img.click_btn{width: 5.3rem;margin-bottom: 0.2rem;}
	.footer .footer_btn img.click_btn.right{width: 5.1rem;}
}


.footer .show{display: none;text-align: center;position: absolute;top:0;left: 0;transition: transform 2s;max-width: 100%;}
.footer .showin{transform: translateY(-85%);}
.footer .show.active{display: block;}
.footer .show img{width: 90%;}
.footer .show_swiper_content{padding : 0 0.5rem 5rem;transform: translateY(-0%);}
.footer .swiper-container{max-width: 100%;}
.footer .swiper-slide{width: 12rem;height: 9rem;border:1px solid #fff;border-radius: 5px;background-color: #fff;overflow: hidden;}
.footer .swiper-pagination{position:absolute;transform: translate(-50%,-120%);left: 50%;}
.footer .swiper-slide img{width: 100%;}
@media only screen and (min-height: 720px) {
	.footer .show_swiper_content{
		padding : 0 0.5rem 9rem;
	}
	nav{margin-top: 7rem;overflow: hidden;}
}
.footer .swiper-pagination .swiper-pagination-bullet{border: 1px solid #000; margin-left: 0.2rem;background-color: #fff;}
.footer .swiper-pagination .swiper-pagination-bullet-active{background-color: red;}
